:root {
  --bug:#729f3f;
  --dark:#707070;
  --dragon:#53a4cf;
  --electric:#eed535;
  --fairy:#fdb9e9;
  --fighting:#d56723;
  --fire:#fd7d24;
  --ghost:#7b62a3;
  --green: #9bcc50;
  --ground:#f7de3f;
  --ice:#51c4e7;
  --normal:#a4acaf;
  --poison:#b97fc9;
  --psychic:#f366b9;
  --rock:#a38c21;
  --teel:#9eb7b8;
  --water:#4592c4;
}
.background-color-bug {
  background-color: #729f3f;
  color: #fff
}

.background-color-dark {
  background-color: #707070;
  color: #fff
}

.background-color-dragon {
  background-color: #53a4cf;
  color: #fff
}

.background-color-electric {
  background-color: #eed535;
  color: #212121
}

.background-color-fairy {
  background-color: #fdb9e9;
  color: #212121
}

.background-color-fighting {
  background-color: #d56723;
  color: #fff
}

.background-color-fire {
  background-color: #fd7d24;
  color: #fff
}

.background-color-flying {
  background: linear-gradient(180deg, #3dc7ef 50%, #bdb9b8 50%);
  background-color: #3dc7ef;
  color: #212121
}

.background-color-ghost {
  background-color: #7b62a3;
  color: #fff
}

.background-color-grass {
  background-color: #9bcc50;
  color: #212121
}

.background-color-ground {
  background: linear-gradient(180deg, #f7de3f 50%, #ab9842 50%);
  background-color: #f7de3f;
  color: #212121
}

.background-color-ice {
  background: linear-gradient(180deg, #51c4e7 50%, #51c4e7 50%);
  background-color: #51c4e7;
  color: #212121
}

.background-color-normal {
  background-color: #a4acaf;
  color: #212121
}

.background-color-poison {
  background-color: #b97fc9;
  color: #fff
}

.background-color-psychic {
  background-color: #f366b9;
  color: #fff
}

.background-color-rock {
  background-color: #a38c21;
  color: #fff
}

.background-color-steel {
  background-color: #9eb7b8;
  color: #212121
}

.background-color-water {
  background-color: #4592c4;
  color: #fff
}